<template>
  <div class="">
    <el-cascader :options="options" v-model="values" @change="handleChange"></el-cascader>
  </div>
</template>

<script>
import HelloWorld from "./components/HelloWorld.vue";

export default {
  components: {},
  data() {
    return {
      values:[],
      options:[
        {
          value:"1",
          label:"第一层",
          children:[
            {
              value:"1-1",
              label:"第一层-第一层",
              children:[{
                value:"1-1-1",
                label:"第一层-第一层-第一层"
              }]
            },
            {
              value:"1-1",
              label:"第一层-第二层",
              children:[{
                value:"1-1-1",
                label:"第一层-第二层-第一层"
              }]
            }
          ]
        },
        {
          value:"2",
          label:"第二层",
          children:[
            {
              value:"2-1",
              label:"第二层-第一层"
            }
          ]
        }
      ]
    };
  },
  methods: {
    handleChange:function(values){
        console.log("现在选中的数据是",values);
    }
  },
};
</script>
<style>
</style>
